<!-- Created by henian.xu on 2017/3/25. -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="../static/sass/swiper.min.css">
  <!--[if lt IE 10]>
  <link rel="stylesheet" href="../static/sass/idangerous.swiper.css">
  <![endif]-->
  <link rel="stylesheet" href="../static/sass/z-app.css">
  <link rel="stylesheet" href="../static/sass/jplayer/css/jplayer.blue.monday.css">
  <title>直播页面</title>
</head>
<body>
<div class="page-group">
  <div class="page">
    <!--页头-->
    <div class="z-header" style="border-bottom: 1px solid #1d91e6;">
      <div class="z-container">
        <div class="z-banner">
          <a href="index.html" class="logo fn-left"><img src="../static/images/logo.jpg" alt=""></a>
          <div class="fn-right ta-r" style="margin-top: 50px;">
            <!--用户信息-->
            <ul class="user-info z-list z-list-style-none z-list-horizontal">
              <li><a href="login.html"><i class="icon icon-user"></i>登录</a></li>
              <li><a href="register.html"><i class="icon icon-edit"></i>注册</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!--主要区域-->
    <div class="z-content" style="border-top: 4px solid #d6ebfa;padding-top: 40px;">

      <div class="player-box">
        <div class="inner">
          <div class="play-list">
            <div class="title"><a href="#" class="after"><i class="icon icon-praise2"></i>698</a>在线观看：3698人</div>
            <ul>
              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>
              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>
              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>
              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>
              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>

              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>
              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>
              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>
              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>
              <li class="item">
                <div class="img-obj"><img src="../static/images/playing/user-head.jpg" alt="" width="30" height="30"></div>
                <div class="desc">
                  <div class="name"><span class="after">刚刚</span>我是阿旺</div>
                  <div class="text">能看到现场直播真是太高兴了</div>
                </div>
              </li>
            </ul>
            <div class="comment-box">
              <input type="text" placeholder="参加聊天一起high！">
              <a href="#" class="send-btn">发送</a>
            </div>
          </div>
          <div class="player">
            <div id="jp_container_1" class="jp-video jp-video-460p" role="application" aria-label="media player">
              <div class="jp-type-single">
                <div id="jquery_jplayer_1" class="jp-jplayer"></div>
                <div class="jp-gui">
                  <div class="jp-video-play">
                    <button class="jp-video-play-icon" role="button" tabindex="0">play</button>
                  </div>
                  <div class="jp-interface">
                    <div class="jp-progress">
                      <div class="jp-seek-bar">
                        <div class="jp-play-bar"></div>
                      </div>
                    </div>
                    <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
                    <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
                    <div class="jp-controls-holder">
                      <div class="jp-controls">
                        <button class="jp-play" role="button" tabindex="0">play</button>
                        <button class="jp-stop" role="button" tabindex="0">stop</button>
                      </div>
                      <div class="jp-volume-controls">
                        <button class="jp-mute" role="button" tabindex="0">mute</button>
                        <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
                        <div class="jp-volume-bar">
                          <div class="jp-volume-bar-value"></div>
                        </div>
                      </div>
                      <div class="jp-toggles">
                        <button class="jp-repeat" role="button" tabindex="0">repeat</button>
                        <button class="jp-full-screen" role="button" tabindex="0">full screen</button>
                      </div>
                    </div>
                    <div class="jp-details">
                      <!--<div class="jp-title" aria-label="title">&nbsp;</div>-->
                    </div>
                  </div>
                </div>
                <div class="jp-no-solution">
                  <span>Update Required</span>
                  To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>


    </div>
    <!--页脚-->
    <div class="z-footer">
      <div class="z-container">
        <div>|&nbsp;&nbsp;<a href="#">泉州广播电视台版权所有 未经授权禁止转载</a>&nbsp;&nbsp;|</div>
        <div>
          |&nbsp;&nbsp;<a href="#">泉州广播电视台版权所有 未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">泉州广播电视台版权所有 未经授权禁止转载</a>&nbsp;&nbsp;|
        </div>
        <div>
          |&nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
        </div>
      </div>
    </div>
    <!--弹出窗-->
    <div class="z-components"></div>
  </div>
</div>
<script src="../static/libs/jquery-1.11.3.js"></script>
<script src="../static/libs/swiper.min.js"></script>
<!--[if lt IE 10]>
<script src="../static/libs/idangerous.swiper.min.js"></script>
<![endif]-->
<script src="../static/libs/webuploader.min.js"></script>
<script src="../static/js/webuploader.plug.js"></script>
<script src="../static/libs/jplayer/jquery.jplayer.js"></script>
<script src="../static/js/comm.js"></script>
<script src="../static/js/page/playing.js"></script>
</body>
</html>